<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>02-svg中的path实现的图形</title>
</head>
<body>
  <svg width="800" height="600" xmlns="http://www.w3.org/2000/svg">
    <g>
     <title>Layer 1</title>
     <path d="m81,86c2,0 5,0 9,0c9,0 23,0 37,0c16,0 31,0 44,0c11,0 20.61731,-0.92388 21,0c1.0824,2.61313 -6.91034,7.09831 -9,14c-0.57957,1.91418 -3.18271,7.91122 -7,16c-4.20335,8.90684 -7.5797,16.15688 -10,22c-2.56712,6.19757 -6.95517,8.54915 -8,12c-0.28978,0.95709 -1,1 1,1c3,0 5.30656,0.4588 4,1c-1.84776,0.76537 -4,0 -6,0c-5,0 -8,0 -10,0c-3,0 -7,0 -12,0c-4,0 -6,0 -6,0c-1,0 -3.0535,-0.4595 -5,0c-2.17625,0.51375 -3,1 -5,1c-2,0 -4,0 -8,0c-4,0 -9,0 -12,0c-4,0 -10,0 -15,0c-6,0 -9,0 -8,0c2,0 6,0 8,0c4,0 13.0082,0.55647 25,1c27.05547,1.00069 43,2 58,2c14,0 25,0 34,0c6,0 7,0 8,0c1,0 4,0 7,0c0,0 3,0 6,0l1,0l1,0l1,0" id="svg_1" stroke="#000" fill="none"/>
     <path d="m176,105c0,1 -2.18938,5.91604 -3,8c-2.63921,6.78488 -4.29546,14.88682 -8,25c-3.26306,8.90799 -7.79665,19.09315 -12,28c-3.81729,8.08878 -7.6514,17.21106 -12,24c-4.63991,7.24371 -8.41156,13.40401 -12,18c-4.35162,5.57346 -8.04442,10.76147 -13,16c-3.43607,3.63226 -5.07612,4.61731 -6,5c-2.61313,1.0824 -4,2 -5,2c-2,0 -3.87856,1.49345 -7,2c-1.97417,0.32036 -3,0 -5,0c-2,0 -6,0 -11,0c-3,0 -6,0 -10,0c-3,0 -3,0 -4,0l0,-1l0,-1" id="svg_2" stroke="#000" fill="none"/>
     <path d="m157,152c-1,0 0.11833,1.52814 1,2c3.17892,1.70131 2.53236,5.19891 4,8c2.32053,4.42889 6,11 7,12c2,2 2.41885,4.41885 4,6c1.58115,1.58115 0.16104,3.97383 4,9c2.18855,2.86536 7.41156,8.40401 11,13c2.61098,3.34407 6.70546,8.34619 9,10c3.62799,2.6149 5,4 7,6c1,1 1.29289,2.29289 2,3c0.70711,0.70711 0.81265,1.2068 3,3c2.78833,2.28587 4.74675,4.37134 9,7c1.90211,1.17557 4.37201,1.3851 8,4c2.29454,1.65381 4,3 4,3c2,0 2,1 3,2l3,0l3,1l0,0" id="svg_3" stroke="#000" fill="none"/>
     <polyline stroke-linecap="round" id="svg_4" points="345,187 345,187 " stroke="#000" fill="none"/>
     <rect id="svg_5" height="84" width="196" y="66" x="304" stroke="#000" fill="none"/>
     <ellipse stroke="#000" ry="105" rx="105.5" id="svg_6" cy="179" cx="676.5" fill="none"/>
     <path id="svg_7" d="m45.775,522.00003l0,-126.56251l0,0c0,-54.36553 34.66995,-98.43751 77.43752,-98.43751l0,0l0,0c20.5377,0 40.23423,10.37107 54.7566,28.83168c14.52235,18.46061 22.68091,43.49858 22.68091,69.60583l0,14.0625l22.12499,0l-44.24998,56.25003l-44.25002,-56.25003l22.125,0l0,-14.0625c0,-23.29951 -14.85856,-42.18749 -33.1875,-42.18749l0,0l0,0c-18.32896,0 -33.18751,18.88798 -33.18751,42.18749l0,126.56251l-44.25002,0z" stroke="#000" fill="none"/>
     <path id="svg_8" d="m411.39021,249.98154c36.69427,-127.58049 180.46362,0 0,164.03206c-180.46362,-164.03206 -36.69427,-291.61255 0,-164.03206z" stroke="#000" fill="none"/>
     <path id="svg_9" d="m557.20499,343.51402l0,0c0,-10.02066 11.02965,-18.144 24.63541,-18.144l11.19792,0l0,0l53.75,0l100.78123,0c6.53373,0 12.79984,1.91159 17.41989,5.31425c4.62002,3.40266 7.21554,8.01766 7.21554,12.82975l0,45.36001l0,0l0,27.216l0,0c0,10.02066 -11.02964,18.144 -24.63542,18.144l-100.78123,0l-70.21775,46.13598l16.46774,-46.13598l-11.19792,0c-13.60576,0 -24.63541,-8.12334 -24.63541,-18.144l0,0l0,-27.216l0,0l-0.00001,-45.36001z" stroke="#000" fill="none"/>
     <path id="svg_10" d="m255.71999,484.99481l16.90199,-48.82447l44.24975,-30.17554l54.69654,0l44.25002,30.17554l16.90171,48.82447l-16.90171,48.82447l-44.25002,30.17554l-54.69654,0l-44.24975,-30.17554l-16.90199,-48.82447z" stroke="#000" fill="none"/>
    </g>
   
   </svg>
</body>
</html>